<style>
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #fff;
  }
  .form-control:focus, .single-line:focus{
    border-color:#eee !important;
  }
</style>
<div class="row wrapper white-bg page-heading" style="padding-bottom: 80px;">
  <div class="container-fluid">
    <h2>查看订单详情</h2>
  </div>
  <hr/>
  <div class="container-fluid">
    <div class="col-md-10 col-md-offset-1 col-table">
      <table class="table table-bordered">
        <!--订单号-->
        <tr class="col-table-tr">
          <td>订单号</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <div class="form-group">
                <input ng-model="orderAddCtrl.orderNo" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--订单状态-->
        <tr class="col-table-tr">
          <td>订单状态</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <div class="form-group">
                <input ng-model="orderAddCtrl.phoneNumber" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--订单价格-->
        <tr class="col-table-tr">
          <td>订单价格</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <div class="form-group">
                <input ng-model="orderAddCtrl.totalPrice/100" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--用户名-->
        <tr class="col-table-tr">
          <td>用户名</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <input ng-model="orderAddCtrl.username" readonly class="form-control" placeholder="">
            </div>
          </td>
        </tr>
        <!--收件人-->
        <tr class="col-table-tr">
          <td>收件人</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <div class="form-group">
                <input ng-model="orderAddCtrl.reciverName" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--电话-->
        <tr class="col-table-tr">
          <td>电话</td>
          <td>
            <div class="col-md-offset-1 col-md-4">
              <div class="form-group">
                <input ng-model="orderAddCtrl.phoneNumber" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--所在地-->
        <tr class="col-table-tr">
          <td>所在地</td>
          <td>
            <div class="col-md-offset-1 col-md-3">
              <div class="form-group">
                <input ng-model="orderAddCtrl.province" readonly class="form-control" placeholder="">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <input ng-model="orderAddCtrl.city" readonly class="form-control" placeholder="">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <input ng-model="orderAddCtrl.district" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
        <!--详细地址-->
        <tr class="col-table-tr">
          <td>详细地址</td>
          <td>
            <div class="col-md-offset-1 col-md-9">
              <div class="form-group">
                <input ng-model="orderAddCtrl.detailAddress" readonly class="form-control" placeholder="">
              </div>
            </div>
          </td>
        </tr>
      </table>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>商品名称</th>
            <th>缩略图</th>
            <th>商品单价（远）</th>
            <th>数量</th>
            <th>总额（元）</th>
          </tr>
          </thead>
          <tfoot></tfoot>
          <tbody>
          <tr ng-repeat="item in orderAddCtrl.commodities">
            <td style="max-width:200px;min-width:50px;">{{item.commodityName}}</td>
            <td><img style="height: 80px;width: auto;" src="{{item.descPictures}}" alt=""></td>
            <td>{{item.commodityPrice}}元</td>
            <td>{{item.amounts}}</td>
            <td>{{item.totalPrice}}元</td>
          </tr>
        </tbody>
      </table>
      <button type="submit" class="btn btn-default col-md-4 col-md-offset-4" ui-sref="home.order.orderList">返回
      </button>
    </div>
  </div>
</div>
